var myDate = new Date();

//表格
$(function() {
  $.jgrid.defaults.styleUI = "Bootstrap";

  $("#table_list").jqGrid({
    url : $(path).val()+'/Config/selectMail',  		//请求数据的url地址
    datatype : "json",                                              //请求的数据类型
    mtype: "POST",                                                  //请求类型
    postData:{}, //发送数据
    height: 300,                                                   //设置高度
    autowidth: true,                                               //自动匹配宽度
    shrinkToFit: true,
    rowNum: 10,                                                    //每页显示记录数
    rowList: [10, 20, 30],                                       //分页选项，可以下拉选择每页显示记录数
    colNames: ["id", "邮箱账号", "密钥", "host", "端口"],                //数据列名称（数组）
    //数据列各参数信息设置
    colModel: [{name: "id", index: "id", width: 10},
      {name: "count", index: "count", editable:true, width: 40},
      {name: "key", index: "key",editable:true, width: 40},
      {name: "host", index: "host",editable:true, width: 30,},
      {name: "port", index: "port",editable:true, width: 30,/*formatter:start*/},

    ],
    pager: "#pager_list",                                         //表格数据关联的分页条，html元素
    viewrecords: true,                                            //显示总记录数
    //这是一个数组，用于设置jqGrid将要向Server传递的参数名称
    jsonReader: {
      id: "id",                                           //相当于设置主键
      root: "dataList",                                        //Json数据
      records: "record",                                      //总记录数
      repeatitems: false
    },
    multiselectWidth: 25,                                          //设置多选列宽度
    multiselect: false,                                            //可多选，出现多选框
    gridview: true,                                                 //加速显示
    sortable: true,                                                //可以排序
    sortname: '',
    sortorder: "desc",                                //可以排序
    hidegrid: false,
    toppager: true ,                                               //同步导航栏至表格顶部


  });


  /*********************************
   功能：初始化导航栏
   *********************************/

  $("#table_list").jqGrid("navGrid", "#pager_list", {
        edit : true,
        add : false,
        del : false,
        search : false,
        view: true,
        cloneToTop:true
      },
      {editCaption : "编辑",
        closeOnEscape:true,      //是否可以使用esc键关闭对话框
        closeAfterEdit:true,     //在添加模式下，保存添加的记录后关闭对话框
        modal:true,
        top:20,
        left:300,
        width:500,
        height : 280,                                               //自动匹配宽度
        drag:false,               //设置对话框是否可以拖拽。
        url:$(path).val()+'/Config/updateMail',
        reloadAfterSubmit : true,

        afterSubmit : function(response, postdata) {
          var json = response.responseText;
          var result =$.parseJSON(json);
          swal(result.msg,"",result.status);
          return [result.status, result.msg, ""];
        }},
      {},
      {},
      {
      },
      {}
  );

  /*********************************
   功能：隐藏底部的导行栏
   *********************************/
  $('#table_list_toppager_center').hide();   //隐藏底部的导行栏



  $(window).bind("resize", function () {
    var width = $(".jqGrid_wrapper").width();
    $("#table_list").setGridWidth(width);
  });








});